<template>
      <div>
      <el-button @click="handleChangeData">子节点改变</el-button>
      <div>子节点组件</div>
      </div>
</template>
   
  <script>
    export default {
      props:{
        data:Object
      },
      //使用watch监听器，当不点击按钮的时候不会触发
      watch: {
        data: {
          handler(newValue, oldValue) {//这里的第一个参数是改变后的值，第二个参数是原来的值
            console.log('改后的值是：' , newValue)
            console.log('原来的值是：' , oldValue)
          },
          // deep:true,//深度监听
        }
      },
      methods:{
        handleChangeData(){
          this.$emit('changeData');
        }
      }
    }
  </script>